html, body {
    height: 100%;
    width: 100%;
    background-color: #f3f3f9
}

#wrap {
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
}

#header {
    display: -webkit-box;
    background-color: #fff;
    color: #000;
    width: 100%;
    position: relative
}

#header h1 {
    text-align: center;
    font-size: 18px;
    height: 44px;
    -webkit-box-flex: 1;
    line-height: 44px;
    margin: 0;
}

#header:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 2;
    bottom: 0;
    color: #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.back {
    width: 80px;
    background: url(../img/ic_arrow_left.png) no-repeat left;
    background-size: 28px 30px;
    font-size: 17px;
    padding-left: 2px;
    color: #000;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.back-active {
    color: #333;
}

.adpt {
    width: 80px;
    line-height: 44px;
    text-align: center;
}

#main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    background-color: #f3f3f9;
}

#footer {
    height: 0;
    line-height: 0;
    background-color: #f3f3f9;
    width: 100%;
    text-align: center;
}

#tab {
    display: -webkit-box;
    background-color: #fefefe;
    color: #000;
    width: 100%;
    text-align: center;
    position: relative
}

#tab div {
    text-align: center;
    font-size: 18px;
    -webkit-box-flex: 1;
    line-height: 50px;
    margin: 0;
    background: no-repeat center;
    background-size: auto 42px;
}

#tab #tab1 {
    background-image: url("../../assets/icon/tab1.png");
}

#tab .tab1a {
    background-image: url("../../assets/icon/tab1a.png") !important;
}

#tab #tab2 {
    background-image: url("../../assets/icon/tab2.png");
}

#tab .tab2a {
    background-image: url("../../assets/icon/tab2a.png") !important;
}

#tab #tab3 {
    background-image: url("../../assets/icon/tab3.png");
}

#tab .tab3a {
    background-image: url("../../assets/icon/tab3a.png") !important;
}

#tab .tab-active {
    background-color: #ccc !important;;
}

#tab:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 2;
    top: 0;
    color: #ddd;
    border-top: 1px solid #ddd;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

#loading {
    margin: 200px auto;
    text-align: center;
}

.page__bd_spacing .weui-btn {
    margin: 10px 15px;
}

.scan #header {
    background-color: rgba(44, 51, 67, 0.30);
    color: white;
}

.scan #footer {
    background-color: rgba(44, 51, 67, 0.30);
}

.scan #header:after {
    border: 0;
}

.scan .back {
    background: url(../img/ic_arrow_left_light.png) no-repeat left;
    background-size: 28px 30px;
    color: #ffffff;
}

.main1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    background-color: rgba(44, 51, 67, 0.30);
}

.main0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    background: url(../img/ic_scan_box.png) no-repeat center;
    background-size: cover;
    /*height: 300px;*/
}